import VueRouter from 'vue-router';
import Vue from 'vue';

// more pages here

Vue.use(VueRouter);

const routes = [
    {
        path: '/',
        component: () => import('../pages/homepage'),
        children: [
            {
                path: '/',
                component: () => import('../pages/dashboard')
            },
            {
                path: '/employees',
                component: () => import('../pages/employees')
            },
            {
                path: '/structure',
                component: () => import('../pages/departments')
            },
            {
                path: '/settings',
                component: () => import('../pages/departments')
            },
            {
                path: '/structure',
                component: () => import('../pages/departments')
            },
            {
                path: '/structure',
                component: () => import('../pages/departments')
            },
            {
                path: '/structure',
                component: () => import('../pages/departments')
            },
            {
                path: '/structure',
                component: () => import('../pages/departments')
            },
        ],
    },
    {
        path: '/login',
        component: () => import('../pages/login')
    },
    {
        path: '/register',
        component: () => import('../pages/register')
    },
];

export default new VueRouter({ routes });
